<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>jqPaginator</title>
    <link type="text/css" rel="stylesheet" href="../../css/bootstrap.min.css"/>
</head>
<body style="padding:10px;">
    <p id="p1"></p>
    <ul class="pagination"></ul>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jqPaginator.js"></script>
<script type="text/javascript">
$(function(){
	createPage(165,10,3);
});
function createPage(totalPages,visiblePages,currentPage){
    $.jqPaginator('.pagination', {
        totalPages: totalPages,
        visiblePages: visiblePages,
        currentPage: currentPage,
        onPageChange: function (num, type) {
            $('#p1').text(type + '：' + num);
        }
    });
}
</script>
</body>
</html>